.myplayer-container {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
>.myplayer {
padding-top: 0 !important;
height: 100%;
}
>.myplayer-mask {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 1);
justify-content: center;
align-items: center;
>img {
max-width: 100%;
max-height: 100%;
}
>.myplayer-button {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
width: 90px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #fff;
border-radius: 2px;
overflow: hidden;
background: #1e242c;
cursor: pointer;
>span {
width: 0;
height: 0;
overflow: hidden;
}
}
>.myplayer-button:before {
content: " ";
position: absolute;
width: 0;
height: 0;
border: 10px solid;
margin-left: 5px;
border-color: transparent transparent #fff;
transform: rotate(90deg);
}
}
}
.video-react-big-play-button{
	top: calc(50% - 1em) !important;
	left: calc(50% - 1.5em) !important;
}
.preview-wrapper-show{
	display: block;
}
.preview-wrapper-hide{
	display: none;
}